// 引入清除样式表，公共样式
@import 'reset';
//px转vw函数
@function px2Vw($px, $baseRatio: 3.75px) {
    @return ($px/$baseRatio) * 1vw;
}
div{
    width: px2Vw(375px);
    box-sizing: border-box;
}

.warp{
    height: px2Vw(667px);
    background-color: #F7F7F7;
}

.header{
    
    height: px2Vw(42px);
    background-color: #FFFFFF;
    color: #000000ff;
    font-size: px2Vw(16px);
    font-weight: 400;
    font-family: "PingFang SC";
    text-align: center;
    line-height: px2Vw(42px);
}

// 弹窗页面公用的收货人信息样式
.info{
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    margin: 0 auto;
    margin-top:px2Vw(10px);
    width: px2Vw(355px);
    border-radius: px2Vw(5px);
    background-color: #FFFFFF;

}
.info-line{
    display: flex;
    justify-content: space-between;
    height: px2Vw(50px) ;
    border-bottom: 1px solid #F8F8F8;

    span{
        display: block;
        padding:0 px2Vw(10px) ;
        font-size:px2Vw(14px) ;
        line-height: px2Vw(50px);
    }
}



.calender{
    height:px2Vw(375px);
    background-color: #ffffff;
    height:px2Vw(421px) ;
}
.calender-head{
    height: px2Vw(44px);
    text-align: center;
    line-height:px2Vw(44px) ;
    font-size:px2Vw(17px) ;
}
.calender-line{
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: px2Vw(46px);
    border-top: #CACACA 1px solid;
    background-color: #FFFFFF;
   span{
    display: block;
    width: px2Vw(17px);
    height: px2Vw(17px);
    text-align: center;
    font-size:px2Vw(15px);
    color: #D4D4D4;
   }
}
.confirm-button{
    height: px2Vw(81px);
    display: flex;
    justify-content:center ;
    align-items: center;
    span{
        display: block;
        width: px2Vw(265px);
        height: px2Vw(40px);
        background-color: #884E22;
        text-align: center;
        line-height:px2Vw(40px) ;
        font-size:px2Vw(14px);
        color: #FFFFFF;
    }
}



